import { computed, onMounted, ref } from 'vue';

// 如果使用default，语法规则是“export default <value>”，没有名称，只有值
export default function () {
    let sum = ref(0);
    // hook里使用计算属性
    let bigSum = computed(() => {
        return sum.value * 10;
    });

    function sumPlusOne() {
        sum.value += 1;
    }

    // hook里用钩子
    onMounted(() => {
        sum.value += 100;
    });

    // 向外部提供内容
    return { sum, sumPlusOne, bigSum };
}